@charset "UTF-8";
.txt-line{ text-decoration: line-through;} // 文字下划线
/*对齐，浮动*/   
.tc{ text-align:center;}
.tr{ text-align: right;}
.tl{ text-align: left;}
.fl{ float:left;}
.fr{  float: right;}
.clearfix:before,.clearfix:after{content:""; display:table;} 
.clearfix:after{clear:both;}

/*文字超出隐藏*/
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line-clamp1,
.line-clamp2,
.line-clamp3,
.line-clamp4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.line-clamp1{-webkit-line-clamp: 1;}
.line-clamp2{-webkit-line-clamp: 2;}
.line-clamp3{-webkit-line-clamp: 3;}
.line-clamp4{-webkit-line-clamp: 4;}
.yzhvhide{visibility: hidden}
html,body {font-size: 12px;}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.row { display: flex }
.column { display: flex; flex-direction: column }
.align-c { align-items: center }
.just-c { justify-content: center; }
.flex-wrap { flex-wrap: wrap }
.col { flex: 1 }
.col-2 { flex: 2 }
.col-3 { flex: 3 }
.col-4 { flex: 4 }
.tc { text-align: center }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.ml10 { margin-left: 10px }
.mr10 { margin-right: 10px }
.primary{ color: $primary}
.pointer{cursor: pointer}
//end